{% extends 'base/front_base.html' %}

{% block title %}
    YunNi
{% endblock %}

{% block head %}
    <link rel="stylesheet" href="{% static 'css/articles/index.min.css' %}">
    <script src="{% static 'js/index.min.js' %}"></script>
{% endblock %}

{% block main %}
    <div class="wrapper clearfix">
        <div class="articles-wrapper fl">
            <div class="banner-group" id="banner-group">
    <ul id="banner-ul" class="banner-ul clearfix">
        <li><a href="#"><img src="http://www.005.tv/uploads/191017/67-19101G0160XR.jpg"></a></li>
        <li><a href="#"><img src="http://www.005.tv/uploads/191015/67-191015111506403.jpg"></a></li>
        <li><a href="#"><img src="http://www.005.tv/uploads/191018/67-19101QI644547.jpg"></a></li>
        <li><a href="#"><img src="http://www.005.tv/uploads/191016/67-191016141615Y0.jpg"></a></li>
        <li><a href="#"><img src="http://www.005.tv/uploads/allimg/190626/63-1Z626115HUS.jpg"></a></li>
    </ul>
    <span class="prev-ctl">&lt;</span>
    <span class="next-ctl">&gt;</span>
    <div class="page-control-group">
        <ul class="page-control" id="page-control">

        </ul>
    </div>
</div>
            <div class="list-out-group">
                <ul class="list-tab">
                    <li class="current"><a href="#">最新发布</a></li>
                    <li><a href="#">热点话题</a></li>
                    <li><a href="#">后端专题</a></li>
                    <li><a href="#">前段专题</a></li>
                </ul>
                <ul class="list-inner-group">
                    <li class="clearfix">
                        <div class="thumbnail-group">
                            <a href="#"><img
                                    src="https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=2827671765,2134146140&fm=26&gp=0.jpg"></a>
                        </div>
                        <div class="article-group">
                            <p class="title"><a href="#">这是测试标题</a></p>
                            <p class="desc">这是描述信息</p>
                            <p class="more clearfix">
                                <span class="category fl">默认分类</span>
                                <span class="pub-time fr">2019/12/12</span>
                                <span class="author fr">linLinStyle</span>
                            </p>
                        </div>
                    </li>
                    <li class="clearfix">
                        <div class="thumbnail-group">
                            <a href="#"><img
                                    src="https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=2827671765,2134146140&fm=26&gp=0.jpg"></a>
                        </div>
                        <div class="article-group">
                            <p class="title"><a href="#">这是测试标题</a></p>
                            <p class="desc">这是描述信息</p>
                            <p class="more clearfix">
                                <span class="category fl">默认分类</span>
                                <span class="pub-time fr">2019/12/12</span>
                                <span class="author fr">linLinStyle</span>
                            </p>
                        </div>
                    </li>
                </ul>
                <div class="load-more-group">
                    <button class="load-more-btn">加载更多</button>
                </div>
            </div>
        </div>
        {% include 'common/sidebar.html' %}
    </div>
{% endblock %}